<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.0.js" type="text/javascript"></script>
		<style type="text/css">
			.s1 {
				background-color: orange;
			}

			body {
				background-color: greenyellow;
			}
		</style>
	</head>
	<body>
		<a href="https://www.jd.com">京东</a>
		<button>切换</button>
		<script type="text/javascript">
			/*
		      1.一般属性操作
			    attr-自定义属性
				prop-固有属性
		
		    */
			//---------查--------------------------------------------------------------------
			let href = $('a').attr("href");
			// console.log(href);
			//---------增(改)----------------------------------------------------------------
			$('a').attr("target", "_blank");
			$('a').attr("href", "https://www.taobao.com");
			//---------删------------------------------------------------------------------
			$('a').removeAttr("href");

			/*
			  2.样式属性
			*/

			$('button').on("click", function() {
				// $('body').addClass("s1");
				$('body').toggleClass("s1");
			})
		</script>
	</body>
</html>
